<template>
  <div class="result_box">
    <p style="padding: 20px" v-html="result"></p>
  </div>
</template>

<script>

  export default {
    name: "ResultPane",
    data() {
      return {
        result: ""

      }
    },
    props: [
      'dbcheck',
      'resultReturn'
    ],
    watch:{
      resultReturn: function () {
        if(this.dbcheck == 'True'){
          // this.result = JSON.stringify(this.resultReturn, null, 2).replace(/,/g,',<br />')
          // this.result = '<span>'+this.result+'</span>'
          this.result = this.resultReturn
        }else{
          this.result = this.resultReturn
        }
      }
    }
  }
</script>
<style scoped>
  .result_box {
    height:auto;
    background: #1a1a1a;
    color: #29da3d;
    margin: 0;
    padding: 0;
  }
</style>
